﻿{% extends "base_3col.html" %}
{% load i18n %}

{% block title %}{{_("registration")|capfirst }}{% endblock %}

{% block middle-column %}
<p class="sectionintrotext">
	{% if form.errors %}
	<br />
	<br />
	<span class="error">{{_("please correct the errors below")|capfirst}}:</span>
	{% endif %}
</p>
<div class="signupcontainer">
	<div id="signupboxcolheader">
		<h1>{{_("registration")|capfirst}}</h1>
	</div>
	<div class="clearit"></div>
	<div id="signupbox">
		<form id="signupform" action="" method="post">
		  {% csrf_token %}
			<p><label for="id_username">{{_("username")|capfirst}}</label><br />{% if form.username.errors %} <span class="error">{{ form.username.errors|join:", " }}</span>{% endif %}
			{{ form.username }}
			</p>
			<p><label for="id_email">{{_("email address")|capfirst}}</label><br />{% if form.email.errors %} <span class="error">{{ form.email.errors|join:", " }}</span>{% endif %}
			{{ form.email }}
			</p>
			<p><label for="id_password1">{{_("password")|capfirst}}</label><br />{% if form.password1.errors %} <span class="error">{{ form.password2.errors|join:", " }}</span>{% endif %}
			{{ form.password1 }}
			</p>
			<p><label for="id_password2">{{_("password (again)")|capfirst}}</label><br />{% if form.password2.errors %} <span class="error">{{ form.password2.errors|join:", " }}</span>{% endif %}
			{{ form.password2 }}
			</p>
			<p><label for="id_captcha">{{_("test on intelligence")|capfirst}}</label><br />
			{% if form.captcha.errors %} <span class="error">{{ form.captcha.errors|join:", " }}</span>{% endif %}
			{{ form.captcha }}
			</p>
			<p>
			<a href="#">{{_("I have read and agree to the Terms of Service")}}</a>
			</p>
			<input type="submit" id="signuphiddensubmit" value="{{_("submit")|capfirst}}"/>
			<div id="signupbuttonrollover">
				<a href="/signuporin/" onclick="document.getElementById('signupform').submit(); return false;"></a>
			</div>
			<p id="signinlinks"><a href="{% url auth_login %}" class="lightbluelink">{% trans "Already signed up? Login here" %}</a></p>
		</form>
		<div id="signupbottom"></div>
	</div>
</div>

{% endblock %}
